@import url(reset.css);

body{
    background:#CCC;
    padding: 10px;
}
#wrap{
    background:#910b0b;
    padding:3px;
    margin: 0 auto;
    width:900px;
}
#header{
    background:#FFF;
    padding: 3px;
}
.logo{
    color:#910b0b;
    font-size: 250%;
    font-weight: bold;
}
#header .menu{
    margin: -20px 0 0;
    text-align: right;
    height: 20px;
}
#header .menu li{
    display: inline-block;
	position: relative;
}
#header .menu li a{     
    display: block;
    font-weight: bold;
    padding: 3px;
    text-decoration: none;
}
#header .menu li:hover a{
    background: gray;
    color: white;
}
#header .menu li ul{
    display: none;
	position: absolute;
    width: 100%;
}
#header .menu li:hover ul{
    display: block;
}
#header .menu li:hover ul li{
    display: block;
    background: gray;
    text-align: left;
}
#header .menu li:hover ul li a:hover{
    color: rgba(255,255,255,0.5);
}
#content{
    margin: 3px 0 0 0;
}
#right{
    float: right;
    width: 200px;
	color: #FFF;
}
#right .menu li a{
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 3px;
}
#right .menu li a:hover{
    background: rgba(255,255,255,0.2);
}
#right .menu li ul{
    border-left: 0.4em dashed rgba(255, 255, 255, 0.5);
    margin: 0 0 0 0.5em;
    padding: 0 0 0 1em;
}
#left{          
    margin: 0 210px 0 0;
    background: #FFF;
    padding: 5px;
}
#left p{
    text-indent: 2em;
}
#footer{
    padding: 3px;
    color: #FFF;
    text-align: center;
}             
#footer .menu li{
    border-right: 1px solid #FFFFFF;
    display: inline;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
}
#footer .menu li:last-child{
    border-right: none;
}
